/*矢量图标*/
@font-face {
    font-family: 'iconfont';  /* project id 328668 */
    src: url('//at.alicdn.com/t/font_hvsfp1yr885mi.eot');
    src: url('//at.alicdn.com/t/font_hvsfp1yr885mi.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_hvsfp1yr885mi.woff') format('woff'),
    url('//at.alicdn.com/t/font_hvsfp1yr885mi.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_hvsfp1yr885mi.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:1.5em;font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.01em;
    -moz-osx-font-smoothing: grayscale;

}
.functions{color: white;position: absolute;right:2%;}
.close{visibility: hidden;-webkit-text-stroke-width: 0.001em;
    color: white;right: 2%;position: absolute}


*{margin: 0; padding: 0;}
body{font-family: "Helvetica";background-color: gainsboro;
}
#title{text-align:center;width: 100%; height: 2.5em;
    background-image: url("../images/f49cb7bac0e91530755e0a92fcf41aca.png");
    background-size: 100%;
    line-height: 2.5em;position: relative}
#title p{font-size: 0.9em;font-weight: 600;
    margin: 0 auto;position: relative;width:10em;;display:inline-block;color: white;}






#search-form{position: relative;height: 2.5em;line-height: 2.5em;}
#search-input{width: 80%;height: 2em;border:black solid 1px;border-radius: 15px;
    display: inline-block;background-color: gainsboro;}
#search-form{background-color: white}
#search_btn{width: 15%;float: right;display: block;background-color: white;border: none;margin-right: 2%;
margin-top:3%;font-size: 1em;}



 .jssora05l,.jssora05r{display:block;position:absolute;width:40px;height:40px;cursor:pointer;background:url('../img/a17.png') no-repeat;overflow:hidden}
.jssora05l{background-position:-10px -40px}
.jssora05r{background-position:-70px -40px}
.jssora05l:hover{background-position:-130px -40px}
.jssora05r:hover{background-position:-190px -40px  }
.jssora05l.jssora05ldn{background-position:-250px -40px}
.jssora05r.jssora05rdn{background-position:-310px -40px}
.jssort01 .p{position:absolute;top:0;left:0;width:72px;height:72px}
.jssort01 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.jssort01 .w{position:absolute;top:0;left:0;width:100%;height:100%}
.jssort01 .c{position:absolute;top:0;left:0;width:68px;height:68px;border:#000 2px solid;box-sizing:content-box;background:url('../img/t01.png') -800px -800px no-repeat;_background:none}
.jssort01 .pav .c{top:2px;_top:0;left:2px;_left:0;width:68px;height:68px;border:#000 0 solid;_border:#fff 2px solid;background-position:50% 50%}
.jssort01 .p:hover .c{top:0;left:0;width:70px;height:70px;border:#fff 1px solid;background-position:50% 50%}
.jssort01 .p.pdn .c{background-position:50% 50%;width:68px;height:68px;border:#000 2px solid}
* html .jssort01 .c,* html .jssort01 .pdn .c,* html .jssort01 .pav .c{width:72px;height:72px}




.intro{display: inline-block;font-size: 0.9em;margin-left: 1em;}
.box1{text-align: center}
/*功能区*/
#six_function{ width: 100%;height: 10em;margin: 0 auto;background-color: white;}
#six_function tbody tr td{text-align: center;
    /*border-right: solid 0.02em black;border-bottom: solid 0.02em black*/position: relative}
.div_c{width: 3.3em;height:3.3em;border-radius: 90px;margin: 0 auto;
    text-align: center;line-height: 3.3em;position: relative;
     }
.shigong{background-image: url("../images/shigongzhibo.png");background-size: 100%}
.zhinan{background-image: url("../images/装修指南.png");background-size: 100%}
.anli{background-image: url("../images/anli.png");background-size: 100%}
.tuandui{background-image: url("../images/tuandui.png");background-size: 100%}
.lianxi{background-image: url("../images/lianxi.png");background-size: 100%}
#six_function>tbody>tr>td>span{font-size: 0.7em;font-weight: 500;}



.title_zx{font-size: 0.8em;font-weight: 400;text-align: center;background-color: white;color: orangered}
.Style_zx{ list-style: none;padding: 0;margin: 0;width: 100%;height: 17em;background-color: white}
.Style_zx li{float: left;width: 49%;height: 8em;margin-left: 2%;margin-top: 0.5em;overflow: hidden;position: relative}
.Style_zx li div{width: 100%;background-color: rgba(0,0,0,0.2);height: 100%;
    line-height:normal;text-align: center;position: relative;overflow: hidden}
.Style_zx li div p{color: white;font-size: 1.2em;font-weight: 600;height: 1.5em;display: block;margin-top: 30%;background-color: rgba(0,0,0,0.6)}
.Style_zx :nth-child(2n+1){margin-left: 0}
/*.Style_zx :nth-child(4){height: 3.8em;}*/
/*.Style_zx :nth-child(5){height: 3.8em;float: right;margin-top: 0.4em;}*/
.Style_zx li img{height: 8em;position: absolute;width: 100%}
/*.Style_zx :nth-child(5) div{background-color: white;box-shadow: black 1px 1px;}
.Style_zx :nth-child(5) div p{color: black}*/

.more{height: 3em;position: relative;
    margin: 0 auto;box-shadow: rgba(0,0,0,0.1) 0.4em 0.1em;text-align: center;line-height: 3em;
    background-image: url("../images/31bcd6299f9f0c0be6624f7806a7ce1f.png");background-size: 100%}
.more p{font-weight:500;font-size: 1.2em;display: inline-block;margin-left: 3em;margin-top: 0;}



.title_dx{font-size: 0.8em;font-weight: 400;text-align: center;background-color: white;color: orangered}
.OBJ_zx{ list-style: none;padding: 0;margin: 0;width: 100%;height: 17em;background-color: white}
.OBJ_zx li{float: left;width: 49%;height: 8em;margin-left: 2%;margin-top: 0.5em;overflow: hidden;position: relative}
.OBJ_zx li div{width: 100%;background-color: rgba(0,0,0,0.2);height: 100%;
    line-height:normal;text-align: center;position: relative;overflow: hidden}
.OBJ_zx li div p{color: white;font-size: 1.2em;font-weight: 600;height: 1.5em;display: block;margin-top: 30%;background-color: rgba(0,0,0,0.6)}
.OBJ_zx :nth-child(2n+1){margin-left: 0}
.OBJ_zx li img{position: absolute;height: 8em;width: 100%}

#tel{background-color: white; line-height: 2.5em;
    text-align: center;font-size: 0.9em;height: 2.5em;border-bottom: 1px solid gainsboro}
#tel span{color: red}

#page_bottom{height: 4em;background-color: ghostwhite;text-align: center;font-size: 0.3em;}
#page_bottom p{display: inline-block;color: black;line-height: 1.5em;margin-top: 0.5em;}




#memus{position: absolute;height: 200%;z-index: 1;background-color:rgba(0,0,0,0.8); width: 0;
    transition: width 1s 0.1s}
#memus ul li{border-bottom: 1px solid rgba(0,0,0,0.2);height: 4em;line-height: 4em;text-align: center;
color: white}
#memus ul li a{text-decoration: none;color: white}
.memus_tab{visibility: hidden}








